<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/jquery-3.4.1.js"></script>
    <style>
        .multi-line {
            width: 100%;
        }

        .multi-line li {
            text-overflow: initial;
            word-break: break-all;
            word-wrap: break-word;
            white-space: initial;
            line-height: 1.5em;
            margin-bottom: 1em;
        }
    </style>
</head>
<body>
<ul id="ul_1">
    <li>123123123</li>
    <li>阿萨德撒的撒多所</li>
    <li>跌幅为父亲</li>
</ul>
</body>
<script>

    let ul1 = $('#ul_1');

    $(() => {
        appendDemo1();
    });

    function appendDemo1() {
        ul1.append('<li>23123123</li>');
    }

</script>
</html>